React at 60fps: improving scrolling comments in Figma
#Figma
#パフォーマンス
#Web_GL
React at 60fps: improving scrolling comments in Figma
Figmaの技術ブログ
60fpsを維持するためのパフォーマンスチューニングの話
Figmaは、「ブラウザの中にブラウザを作る」ような、型破りなスタックで構築されている
Reduxはディスパッチの度にすべてのミドルウェアを実行し、すべてのコンポーネントに対してループしてmapsStateToPropsを実行する
キャンバス上にオーバーレイコンテナを作成し、このコンテナ上にコメントピンを静的に配置する
CSS translateを使用してオーバーレイコンテナを再配置する